<!--header-->
<div app-header left='' center='优惠券' right='' white='true'></div>
<!--header end-->

<div class="mui-content" style="top: 45px;">
	<div class="discount">
		<div class="mui-slider" id="productTab">
			<div class="product_Tab_Title mui-slider-indicator" style="position: static;">
				<span class="mui-active">抵扣金({{(discountList | filter:{coupon_type:1}).length}})</span>
				<span>加息劵({{(discountList | filter:{coupon_type:3}).length}})</span>
			</div>
			<div id="sliderProgressBar" style="position: relative;background: #0097e2;" class="mui-slider-progress-bar mui-col-xs-6"></div>
			<div class="mui-slider-group" id="about" style="margin-top: 0px;">

				<!--第一个内容区容器-->
				<div class="mui-slider-item mui-active">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul>
								<li ng-repeat="item in discountList |filter:{coupon_type:1}">
									<div class="discount_box">
										<h1>{{item.coupon_name}} <em>抵扣金</em></h1>
										<p>投资满{{item.least_amount}}元及以上可以用</p>
										<p ng-if="item.least_amount==0">单笔投资金额不限</p>
										<p ng-if="item.floor_term!=0&&item.upper_term!=0">适用期限{{item.floor_term}}天-{{item.upper_term}}天可用</p>
										<p ng-if="item.floor_term==0&&item.upper_term==0">适用期限不限</p>
										<p ng-if="item.upper_term==0&&item.floor_term!=0">适用期限{{item.floor_term}}天以上可用</p>
										<p ng-if="item.floor_term==0&&item.upper_term!=0">适用期限{{item.upper_term}}天以下可用</p>
										<div class="activeTime">
											<img src="image/icon/activeTime.png" /> 有效期至：{{item.expire_date}}
										</div>
										<div class="rate">{{item.coupon_value}}<em>元</em></div>
										

									</div>
								</li>

							</ul>
						</div>
					</div>
				</div>

				<!--第二个内容区容器-->
				<div class="mui-slider-item">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul>
								<li ng-repeat="item in discountList |filter:{coupon_type:3}">
									<div class="discount_box">
										<h1 style="margin-bottom: 8px;">{{item.coupon_name}} <em>加息劵</em></h1>
										<p style="margin-top: 2px;" ng-show="item.is_eq_pro==0">加息时长{{item.increase_term}}天</p>
										<p style="margin-top: 2px;" ng-show="item.is_eq_pro==1&&item.coupon_type==3">加息时长同产品期限</p>
										<p style="margin-top: 2px;" ng-if="item.least_amount>0">投资满{{item.least_amount}}元及以上可以用</p>
										<p style="margin-top: 2px;" ng-if="item.least_amount==0">投资金额不限</p>
										<p style="margin-top: 2px;" ng-if="item.floor_term!=0&&item.upper_term!=0">适用期限{{item.floor_term}}天-{{item.upper_term}}天可用</p>
										<p style="margin-top: 2px;" ng-if="item.floor_term==0&&item.upper_term==0">适用期限不限</p>
										<p style="margin-top: 2px;" ng-if="item.upper_term==0&&item.floor_term!=0">适用期限{{item.floor_term}}天以上可用</p>
										<p style="margin-top: 2px;" ng-if="item.floor_term==0&&item.upper_term!=0">适用期限{{item.upper_term}}天以下可用</p>
										<div class="activeTime">
											<img src="image/icon/activeTime.png" /> 有效期至：{{item.expire_date}}
										</div>
										<div class="rate">{{item.coupon_rate}}<em>%</em></div>
										
									</div>
								</li>

							</ul>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>